<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta
      name="viewport"
      id="viewport"
      content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />

    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="style/main.css" />

    <!-- MDUI -->
    <link rel="stylesheet" href="javascript/MDUI/css/mdui.min.css" />
    <script src="javascript/MDUI/js/mdui.min.js"></script>

    <title>~ Small Circuit ~</title>
  </head>
  <body class="mdui-theme-primary-indigo">
    <div id="screen-change" class="h">
      <div class="mdui-appbar mdui-appbar-fixed">
        <div class="mdui-toolbar mdui-color-theme">
          <a href="javascript:;" class="mdui-btn mdui-btn-icon">
            <i id="menu" class="mdui-icon material-icons">menu</i>
            <i
              id="back"
              class="mdui-icon material-icons"
              onclick="CrazyCircuit.navigateTo('main')"
              style="display: none"
              >&#xe5c4;</i
            >
          </a>
          <a href="javascript:;" class="mdui-typo-headline"
            >Crazy Circuit ~ 疯狂电路</a
          >
          <div class="mdui-toolbar-spacer"></div>
          <a
            href="javascript:;"
            class="mdui-btn mdui-btn-icon"
            mdui-tooltip="{content: '点击开始'}"
          >
            <i
              id="start"
              class="mdui-icon material-icons"
              onclick="CrazyCircuit.start()"
              style="display: none"
              >&#xe038;</i
            >
          </a>
        </div>
      </div>
      <ul class="mdui-list main-list" id="main">
        <li
          class="mdui-list-item mdui-ripple"
          onclick="CrazyCircuit.navigateTo('intro')"
        >
          <div class="mdui-list-item-content">序</div>
        </li>
        <li
          class="mdui-list-item mdui-ripple"
          onclick="CrazyCircuit.navigateTo('s1')"
        >
          <div class="mdui-list-item-content">一</div>
        </li>
        <li
          class="mdui-list-item mdui-ripple"
          onclick="CrazyCircuit.navigateTo('s2')"
        >
          <div class="mdui-list-item-content">二</div>
        </li>
        <li
          class="mdui-list-item mdui-ripple"
          onclick="CrazyCircuit.navigateTo('s3')"
        >
          <div class="mdui-list-item-content">三</div>
        </li>
        <li
          class="mdui-list-item mdui-ripple"
          onclick="CrazyCircuit.navigateTo('')"
        >
          <div class="mdui-list-item-content">敬请期待</div>
        </li>
      </ul>
      <div
        id="intro"
        class="stage-wrapper absolute transition"
        style="display: none"
      >
        <iframe
          name="intro"
          marginwidth="0"
          marginheight="0"
          width="100%"
          height="100%"
          src="stage/intro.html"
          frameborder="0"
        ></iframe>
      </div>
      <div
        id="s1"
        class="stage-wrapper absolute transition"
        style="display: none"
      >
        <iframe
          name="s1"
          marginwidth="0"
          marginheight="0"
          width="100%"
          height="100%"
          src="stage/s1.html"
          frameborder="0"
        ></iframe>
      </div>
      <div
        id="s2"
        class="stage-wrapper absolute transition"
        style="display: none"
      >
        <iframe
          name="s2"
          marginwidth="0"
          marginheight="0"
          width="100%"
          height="100%"
          src="stage/s2.html"
          frameborder="0"
        ></iframe>
      </div>
      <div
        id="s3"
        class="stage-wrapper absolute transition"
        style="display: none"
      >
        <iframe
          name="s3"
          marginwidth="0"
          marginheight="0"
          width="100%"
          height="100%"
          src="stage/s3.html"
          frameborder="0"
        ></iframe>
      </div>
    </div>
    <script src="javascript/flexible.js"></script>
    <script src="main.js"></script>
  </body>
</html>
